<template>
    <el-col :offset=2>
        <el-card style="max-width: 480px;">
            <template #header>Welcome</template>
            <img v-if="isDisplay" src="../../assets/image/a.jpg" style="width: 100%" />
        </el-card>
        <!-- <emitTest :isDisplay="isDisplay" @change="changeHandler"></emitTest> -->
        <!-- <propsTest :isDisplay="isDisplay" :isDisplayFunc="isDisplayFunc"></propsTest> -->
    </el-col>

</template>

<script setup>
import { ref } from 'vue'
import emitTest from '@/components/children/emitTest.vue';
import propsTest from '@/components/children/propsTest.vue'

// const isDisplay = ref(false)
const isDisplay = ref(true)
const changeHandler=(msg)=>{
    isDisplay.value = msg
}

const isDisplayFunc = (msg)=>{
    isDisplay.value = msg
}

</script>
